{% extends "mall/base.html" %}

{% block title %}
    {{ title }}
{% endblock %}

{% block css %}
    <link rel="stylesheet" href="{{ STATIC_URL }}/static/css/mall/address.css?v={{ version_code }}">
    <style>
        .page__hd {
            padding: 10px;
        }

        .page__title {
            text-align: left;
            font-size: 20px;
            font-weight: 400;
        }

        .page__desc {
            margin-top: 5px;
            color: #888;
            text-align: left;
            font-size: 14px;
        }
    </style>
{% endblock %}

{% block header %}
{% endblock %}

{% block content %}
    <input type="hidden" name="code" value="{{ code }}">
    <div class="page__hd">
        <h1 class="page__title">接收礼品，完善收货信息</h1>
        <p class="page__desc">订单号：{{ order_id }}</p>
    </div>

    <div class="weui-cells__title">收货人</div>

    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" id="txtName" placeholder="请输入收货人">
            </div>
        </div>
    </div>
    <div class="weui-cells__title">手机号码</div>

    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" id="txtPhone" placeholder="请输入手机号码">
            </div>
        </div>
    </div>
    <div class="weui-cells__title">所在地区</div>

    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <input class="weui-input" id="txtProvince" type="text" placeholder="请输入所在地区">
            </div>
        </div>
    </div>
    <div class="weui-cells__title">详细地址</div>
    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <textarea class="weui-textarea" id="txtAddress" placeholder="请输入详细地址" rows="3"></textarea>
{#                <div class="weui-textarea-counter"><span>0</span>/200</div>#}
            </div>
        </div>
    </div>
    <div class="weui-cells__tips" style="color:#e4393c;">从创建订单起48小时内有效</div>
    <div class="weui-btn-area">
        <a class="weui-btn weui-btn_primary" href="javascript:" id="btnConfirm">确定</a>
    </div>
{% endblock %}

{% block footer %}
{% endblock %}

{% block js %}
    <script src="{{ STATIC_URL }}/static/js/mall/gift.js?v={{ version_code }}"></script>
{% endblock %}